0
133
ViewsÁrea de texto con [Objeto objeto]
Creé un componente para mi formulario, se ve así
import React from "react"; export default function TextArea(name, value, onChange) { return ( <div className="mt-1"> <textarea rows={3} className="mt1 block w-full py-1.5 px-3 rounded-md border-2 border-orange-light" placeholder="Digite" value={value} onChange={onChange} name={name} /> </div> ); }Pero cuando lo uso, se queda en un [objeto objeto], dentro de esta área de texto
![Pero cuando lo uso, se queda en un [objeto objeto], dentro de esta área de texto](https://i.stack.imgur.com/Bi7jy.png)
Lo estoy usando en mi formulario de esta manera
<TextArea name="about" value={about} onChange={(e) => setAbout(e.target.value)} />¿Alguien puede decir qué debo hacer para solucionar esto? ¡Gracias!
3 answers
Answer question0
Aquí está el código correcto del componente TextArea, intente esto y resolverá su problema :)
import React from "react"; export default function TextArea({ name, value, onChange }) { return ( <div className="mt-1"> <textarea rows={3} className="mt1 block w-full py-1.5 px-3 rounded-md border-2 border-orange-light" placeholder="Digite" value={value} onChange={onChange} name={name} /> </div> ); }0
Primero haga console.log(value) y descubra qué hay en el objeto, luego utilícelo como se muestra a continuación con el nombre de propiedad que obtuvo su objeto.
value={value.propertyname}0
¿Qué parámetro le pasas a 'valor'? Lo más probable es que lo que se pasa al 'valor' sea un objeto, verifíquelo primero para que pueda ayudarlo mejor.
ACTUALIZAR
al declarar el about, tal vez se declara para que permanezca como un objeto. luego declarar como:
const [about, setAbout] = useState(""); <TextArea ..., value={about}, ... >